﻿@model ECatalog.Models.UserIU.MainViewModel
@{
    Layout = "../Shared/_Layout.User.cshtml";
}
<div class="main">
    @if (Model != null)
    {
        <div style="float: left;">
            <table>
                <tr style="height: 100px;">
                    <td class="top">
                        <div class="block-row">
                            <div style="float: left;">
                                <img class="photo-block-user-ui" src="@Model.OrganizationLogoUrl" alt="" />
                            </div>
                            <div class="left-part">
                                <h2>@Model.ShopName</h2>
                                <hr style="border-top: 2px solid #ff0606" />
                                <h3>Интерактивный промоутер</h3>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="center top">
                        <div class="swiper-container slide-image-main">
                            <div class="swiper-wrapper">
                                @if (Model.Kits != null)
                                {
                                    foreach (var kitUrl in Model.Kits)
                                    {
                                    <div class="swiper-slide">
                                        <img class="slide-image-main" src="@kitUrl" alt="">
                                    </div>
                                    }
                                }
                            </div>
                        </div>
                    </td>
                </tr>
            </table>
        </div>
        <div style="float: left; margin-top: 100px; margin-left: 120px;">
            <div>

                @{using (@Html.BeginForm("GetComplects", "Base", FormMethod.Post))
                  {
                    @Html.HiddenFor(m => m.OrganizationId)
                                
                    <table class="center" style="vertical-align: middle;">
                        <tr>
                            <td colspan="3" class="center">
                                <div class="field-validation-error" id="Error" style="margin-left: 20px; width: 360px; padding: 5px 0;">@ViewBag.ErrorMessage</div>
                                <input id="NumModel" name="NumModel" class="form-control input-lg" style="margin: 0 20px; width: 410px;" type="text" value="" placeholder="Введите номер модели" />
                            </td>
                        </tr>
                        <tr>
                            <td><span data-action="number" class="button number">1</span></td>
                            <td><span data-action="number" class="button number">2</span></td>
                            <td><span data-action="number" class="button number">3</span></td>
                        </tr>
                        <tr>
                            <td><span data-action="number" class="button number">4</span></td>
                            <td><span data-action="number" class="button number">5</span></td>
                            <td><span data-action="number" class="button number">6</span></td>
                        </tr>
                        <tr>
                            <td><span data-action="number" class="button number">7</span></td>
                            <td><span data-action="number" class="button number">8</span></td>
                            <td><span data-action="number" class="button number">9</span></td>
                        </tr>
                        <tr>
                            <td><span data-action="clear" class="button number">C</span></td>
                            <td><span data-action="number" class="button number">0</span></td>
                            <td><span data-action="larr" class="button number">&larr;</span></td>
                        </tr>
                        <tr>
                            <td colspan="3" class="center">
                                <button class="button-submit button-user-ui">
                                    <span style="color: #ff0606 !important; font-size: 1.2em;">Нажмите</span><br />
                                    <span style="color: #666; font-size: 0.8em;">чтобы посмотреть возможные комплекты
                                    </span>
                                </button>
                            </td>
                        </tr>
                    </table>
                  }
                }
            </div>
        </div>      
    }
</div>
@section scripts
{
    <script type="text/javascript" src="@Url.Content("~/Scripts/user-ui.js")"></script>
}
